<script>
import SFooter from "@/components/common/SFooter.vue";
import SHeader from "@/components/common/SHeader.vue";

export default {
  name: "SPage",
  components: {
    SHeader,
    SFooter
  },
  methods: {
    switchingInterface(a) {
      this.$router.push('/index/'+a)
    }
  }
}
</script>

<template>
  <el-container>
    <el-header>
      <s-header/>
    </el-header>
    <el-main>
      <router-view></router-view>
    </el-main>
    <el-footer>
      <s-footer @switchingInterface="switchingInterface"/>
    </el-footer>
  </el-container>
</template>

<style>
.el-header {
  height: 60px;
  background-color: rgba(255, 255, 255, 0.5); /* 设置背景颜色并添加透明度 */
  border-radius: 15px;

}

.el-dialog__title {
  font-size: 20px;
  font-weight: bold;
}

.el-footer {
  height: 60px;

  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 15px;

}

.el-popper[x-placement^=bottom] .popper__arrow {
  border: none;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
  border: none;
}

.cont_box {
  margin: 0 auto;
  width: 75%;
}

.el-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../assets/img/天空 云 阳光的光线 风景图片_彼岸图网.jpg");
  background-size: cover;
}
</style>